
#wrapAll{width:100%;}

/**************************************************************
*********************** Format
***************************************************************/

*{font-family: Segoe UI, Tahoma, Arial;}
body{background:url(../../images/content-bg.png) top left repeat;}
a:hover,a:active,a:focus{text-decoration: none;}
ul li{list-style: none;}
.clr{clear: both;}
.table{margin-bottom: 0px;}
.loading img{padding: 5px; border-radius: 2px; background: #fdfdfd;}
/*************col-15**************/
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px;}
.col-xs-15 { width: 20%; float: left;}
@media (min-width: 768px) {
	.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1080px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/**************************************************************
*********************** Override
***************************************************************/

/************************ TOP NAV *******************************/
.my-navbar{background:url(../../images/section-title-pattern-bg.jpg); height: auto; min-height: 20px; border-bottom: none; margin-bottom: 0px;
}


/*.my-navbar li a{padding: 10px 20px;}
.navbar-brand{padding: 10px 20px; height: 30px;;}*/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background:url(../../images/green-bg.jpg)}
.navbar-inverse .navbar-nav > li > a{color: #333; font-weight: normal; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background:url(../../images/green-bg.jpg);}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{border-color: #eee;}
/************************ Content **************************/
#wrap-content{/*background: url(../../images/content-bg.png) top left repeat;*/ min-height: 200px;}
.wrap_header{background: url(../../images/header-bg.jpg) top center;background-size: 1367px; border-bottom: 2px solid #fff;}


/************************************* SLIDER **********************************/
.wrap-section-slider{max-width: 1200px; margin: 0px; auto;}
#gallery-2 {
  width: 100%;
  height: 300px;
  background: url(../../images/section-title-pattern-bg.jpg) top left repeat;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}



/************************ Section title ********************/

.wrap-section-title{margin-bottom: 0px;width: 100%; min-width: 1000px; background: url(../../images/section-title-pattern-bg.jpg) top left repeat; height: 46px;}
.section-title{max-width: 1240px; margin: 0px auto; position: relative;}
.section-title-down{width: 21px; height: 61px; position: absolute; top: 0px; left: 0px; background: url(../../images/section-title-down-bg.png) top left no-repeat;}
#section-story .section-title-down{background:url(../../images/section-title-down-bg-tone2.png) top left no-repeat;}
.section-title-main{line-height: 39px; background: #0079be; padding: 0px 40px; float: left; margin-left: 10px;}
.section-title .section-title-link{line-height: 39px; font-size: 31px; color: #fff; font-weight: lighter;}
.section-title h1.section-title-link{line-height: 46px; margin: 0px;}
.section-title-description{line-height: 46px;}
#section-story .section-title-main{background: #00a088;}
.section-title-span{font-size: 31px; color: #fff; font-weight: lighter;}
.section-title-after{background: url(../../images/section-title-after-bg.png) top left no-repeat; width: 46px; height: 46px; float: left; margin-right: 5px;}
#section-story .section-title-after{background: url(../../images/section-title-after-bg-tone2.png) top left no-repeat;}
.title-subtitle{overflow: hidden; padding-left: 20px;}
.title-subtitle li{float: left; line-height: 46px; font-size: 23px; font-weight: lighter;}
.title-subtitle li a{display: block; padding: 0px 20px; color: #0079be;}
#section-story .title-subtitle li a{color: #00a088}
.title-subtitle li a:hover{border-bottom: 2px solid #0079be;}
#section-story .title-subtitle li a:hover{border-bottom: 2px solid #00a088;}
.section-subtitle .breadcrumb{margin: 0px; padding: 0px; background: none;}
.section-subtitle .breadcrumb li{line-height: 46px;}
.section-subtitle .breadcrumb li a{color: #666;}

/*************************Section content *******************/
.left{padding-left:0px;}
.section-content{min-width: 1000px; }
#section-story{margin-top: 10px;}
.row-section-content{max-width: 1080px; margin: 0px auto;}
.featured-section{padding: 15px; }
.featured-section{background: url(../../images/section-title-pattern-bg.jpg) top left repeat;}
.featured-item{padding: 5px; background: #fff; min-width: 150px; overflow:hidden; min-height: 257px;}
.featured-item:hover{box-shadow: 0px 0px 10px #bbb;}
.featured-item h4{margin: 5px 0px 3px 0px; white-space: nowrap; overflow: hidden; position: relative; line-height: 22px;}
.paragraph-end{position: absolute; right: 0px; background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1)); width: 40px; height: 40px;}
.featured-item h4 a{color: #333; font-size: 15px; font-weight: normal; padding-bottom: 5px; white-space: nowrap;}
.featured-item-new-chapt{font-weight: normal; color: #0079be; overflow: hidden; white-space: nowrap; position: relative; display:block;}
.featured-item .featured-item-new-chapt{font-weight: normal;}
.each-small-item .featured-item-new-chapt a{font-size: 13;}
.wrap-featured-item-img{overflow:hidden; display:block; text-align:center; border-radius: 2px;}
 .featured-item-img{height: 190px;}
.featured-row{margin-bottom: 10px; position: relative; overflow: hidden;}

.panel-featured-row .col-md-4, .panel-featured-row .col-sm-4, .panel-featured-row .col-xs-4, .panel-featured-row .col-lg-4{padding: 0px 5px !important;}
.featured-item-small{background: #fff; padding: 10px; overflow: hidden; border-radius: 1px;}
.panel-featured-row-small .featured-item-small:hover{box-shadow: 0px 0px 8px #bbb;}
.featured-item-small-a{float: left; margin: 0px 10px 5px 0px; position: relative;}
.featured-status{position: absolute; bottom: 2px;  font-size: 11px; color: #fff;padding: 0px 4px; border: 1px solid #eee;}
.featured-hot{background: #ea3535; left: 2px;}
.featured-new{right: 2px; background: url(../../images/green-bg.jpg)}
.featured-item-small-img{height: 110px; }
.featured-item-small h4{font-size: 17px; font-weight: normal; margin: 0px 0px 6px 0px; white-space: nowrap; overflow:hidden;}
.wrap-featured-item-small-content{float: left;}
.featured-item-small h4 a{ color: #333; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.featured-item-small h4 .paragraph-end{right: 5px;height: 20px;width: 60px;}

.section-tabs{background: #f5f5f5; padding: 5px 5px 5px 5px;}
.section-wrap-tabs{margin-bottom: 4px; background: url(../../images/section-title-pattern-bg.jpg) top left repeat; padding: 2px 5px;}
.section-wrap-tabs .nav-pills > li > a{border-radius: 2px;}
.section-wrap-tabs .nav > li > a{padding: 3px 24px; font-size: 20px; font-weight: lighter;}
#section-story .section-wrap-tabs .nav > li > a{color: #00a088;}
.section-wrap-tabs .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{color: #fff; background: #0079be}
#section-story .section-wrap-tabs .nav-pills > li.active > a, #section-story .nav-pills > li.active > a:hover, #section-story .nav-pills > li.active > a:focus{background: #00a088; color: #fff;}
.section-wrap-tabs .nav > li > a:hover, .nav > li > a:focus{background: #0079be; color: #fff;}
#section-story .section-wrap-tabs .nav > li > a:hover, #section-story .nav > li > a:focus{background: #00a088; color: #fff;}
.section-wrap-tabs .nav-pills a{color: #0079be;}
.tab-content{padding: 5px;}
.each-tab-item{background: #fbfafa; padding: 5px; overflow: hidden; margin-bottom: 2px;}
.each-tab-item-title{font-size: 18px; color: #666;}
.each-tab-item-description{color: #999; margin-bottom: 2px;}
.each-tab-item-chapt{font-size: 15px; color: #0079be; font-style: italic;}
#section-story .each-tab-item-chapt{color: #00a088;}

/********* Buttons ********/
.section-pagination{margin-top: 10px;}
.section-btn{border-radius: 2px; background: #0079be; border: none; color: #fff;}
#section-story .section-btn{background: #00a088;}
.section-btn:hover, .section-btn:focus{background: #0079be; color: #eee; outline: none;}
.section-page-num{padding: 6px 10px; background: #0079be; color: #fff;}
.slide-btn{z-index: 100; opacity: 0.5; padding: 20px 6px; background: #0079be; border: none; color: #fff; position: absolute; top: 45%; border-radius: 0px;}
.slide-btn:hover, .slide-btn:active{background: #0079be; opacity: 1; color: #fff; outline: none;}
.slide-btn:focus{background: #0079be; color: #fff; outline: none;}
.slide-btn-left{left: 0px;}
.slide-btn-right{right: 0px;}
#section-story .slide-btn{background: #00a088;}
.section-view-more{margin-left: 20px; padding:4px 10px; color: #666;}

/************************************** Footer ******************************************/
#wrap-footer{margin-top: 20px; background: url(../../images/section-title-pattern-bg.jpg) top left repeat; padding-bottom: 30px;}
#border-wrap-footer{height: 3px; background: url(../../images/footerBorder.png) top left repeat-x;}
#footer{max-width: 1080px;  margin: 0px auto;}
#footer-nav{overflow:hidden;}
#footer-nav li{float: left;}
#footer-nav li a{font-size: 20px; font-weight: lighter; color: #333; padding: 7px 25px; line-height: 38px;}
#footer-nav li a:hover{background: #fff;}
#toTop{bottom: 10px; right: 10px; padding: 2px;}

/********************************************* Manga section *********************************************/

/************************************* Panel ********************************************/
.my-panel{margin-bottom: 20px; position: relative; background: #fff; padding-bottom: 10px;}
.panel-featured-row{margin-bottom: 20px; }
.panel-featured-row-small{margin-bottom: 10px;}
.panel-title{background: #fdfdfd; margin-bottom:10px; line-height: 44px; overflow:hidden;}
.panel-title .panel-title-a{line-height: 44px; background: #0079be; display: block; float: left; color: #fff; padding: 0px 80px 0px 20px; font-size: 25px; font-weight: lighter;}
.panel-title-bg-after{ background: url(../../images/panel-title-bg-after.png) top left no-repeat; width: 43px; height: 44px; display: block; float: left;}
.panel-title-a i{line-height: 40px; margin-top: 3px; margin-left: 50px;}
#manga-update-panel{background: url(../../images/section-title-pattern-bg.jpg) top left repeat;}
#manga-update-panel .panel-title{margin-bottom: 0px;}
.panel-update-date-content{background: url(../../images/green-bg.jpg) top left repeat; margin: 0px; height: 44px; line-height: 44px; padding: 0px 20px 0px 10px; font-size: 20px; font-weight: lighter; color: #fff;}
.panel-update-date-before{height: 44px; width: 43px; background: url(../../images/panel-date-title-bg-after.png) no-repeat;}
.panel-label{padding: 2px 5px; color: #fff; background: url(../../images/green-bg.jpg) top left repeat;}
.panel-new{background: #ea3535;}
.table .panel-update-each-item  td{border: none;}
.panel-update-each-item-title{width: 350px;}
.panel-update-each-item-title a{font-size: 17px; color: #666; margin-right: 10px;}
.panel-update-each-item-title .manga-name{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#333}
.panel-update-each-item-title .manga-chap{  font-size:15px; font-weight:lighter; font-family:Arial, Helvetica, sans-serif; }
.panel-update-each-item-chapt{width: 200px;}
.panel-update-each-item-chapt a{color: #666;}
.panel-update-each-item-status{ font-size:17px; font-weight:lighter}
.panel-update-each-item-status .fa{ color:#7f8c8d; font-size:11px; font-weight:lighter}
.panel-update-each-item-status .fa-quote-left{ padding-right:3px}
.panel-update-each-item-status .fa-quote-right{ padding-left:3px}

.panel-update-item > tbody > tr > td, .table > tfoot > tr > td {
padding: 4px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.panel-even{background: #fff; border-bottom:1px solid #f2f2f2}
.panel-odd{background: #fafafa;}

/***************************************Right***********************************************/
.right{padding: 0px;}
.right-section{margin-bottom: 10px;}
.right-title{height: 44px; line-height: 44px; font-size: 21px; color: #fff; font-weight: lighter;}
.right-title-span{padding: 0px 40px 0px 10px; background: url(../../images/green-bg.jpg) top left repeat; display: block; float: left;}
.right-title-span-after{display: block; float:left; width: 43px; height: 44px; background: url(../../images/right-title-span-after.png) top left no-repeat;}
.item-odd{background: #fff;}
.item-even{background: #fafafa;}
.each-comment-title{color: #666; font-weight: bold; font-size: 15px;}
.each-comment-item{padding: 7px; overflow:hidden;}
.each-comment-des{margin-bottom: 0px; color: #666;}
.comment-time{float: right; font-size: 13px; font-style: italic; padding: 2px 3px; background:url(../../images/content-bg.png) top left repeat; color: #777;}
.right-content{background: #fafafa;}
#right-fb-comment .right-content{padding: 3px;}
#right-content-fb-comment{overflow-y: scroll; height: 600px; overflow-x: hidden;}
#right-top .tab-content{padding: 0px;}
.right-wrap-tabs .nav-pills{padding: 7px 0px 0px 10px;}
.right-wrap-tab .tab-content{margin-top: 10px;}
.right-wrap-tabs ul.nav-pills li {border-radius: 2px; margin-right: 5px;}
.right-wrap-tabs ul.nav-pills li a{padding: 3px 6px; border-radius: 2px; color: #666;}
.right-wrap-tabs ul.nav-pills li.active a{background: url(../../images/green-bg.jpg) top left repeat; color: #fff;}
.right-wrap-tabs .nav > li > a:hover, .right-wrap-tabs > li > a:focus{background: url(../../images/green-bg.jpg) top left repeat; color: #fff;}
.each-small-item .small-image-item{display: block; float: left; max-width: 65px; margin: 0px 5px 0px 0px; padding: 7px; margin-right:10px}
.each-small-item .small-image-item img{ padding: 2px; border: 1px solid #eee;}
.small-title-item{color: #666; font-size: 15px; padding-top: 7px; display: block;}

/***************************************** Manga detail *****************************************/
#left-8{padding-left: 0px;}
.detail-info{background: #fff; padding: 0px 0px 15px 0px; margin-bottom: 20px;}
.detail-info-image{text-align: center;}
.detail-info h1{font-size: 23px; font-weight: lighter; background: #fdfdfd; line-height: 44px; padding: 0px 20px; margin: 2px 0px 15px 0px;}
#manga-detail-info h1{color: #0079be;}
#manga-detail-tab-content{font-size: 15px; color: #666;}

.detail-info .table{font-size: 18px; font-size: lighter;}
.detail-info .table td{padding: 5px; border: none; color: #666;}
.detail-info .nav-pills > li.active > a,.detail-info  .nav-pills > li.active > a:hover, .detail-info  .nav-pills > li.active > a:focus{background:#0079be; border-radius: 2px;}
.detail-info .nav > li > a{font-size: 19px; border-radius: 2px; font-weight: lighter; padding: 8px 15px;}
.detail-info .nav > li > a:hover, .detail-info .nav > li > a:focus{background: #0079be; color: #fff;}
#detail-info-category a{margin-right: 5px;}
.detail-info .table td.detail-info-label{text-align: right; width: 120px; margin-right: 20px; color: #fff;}

.detail-info .table thead tr td{color: #fff;}
#manga-detail-info .table td.detail-info-label{color: #666;}
#manga-detail-tab-info .detail-info-label{color: #666;}
.detail-info-image img{margin: 0px auto;}
.detail-info-metadata{margin-top: 50px; border-left: 1px solid #eee; min-height: 280px;}
#wrap-rating{text-align: center; color: #666;}
.rating-count{margin-top: 5px; font-size: 17px; margin-bottom: 5px; text-align:center;}
.rating-point{font-size: 50px; color: #0079be; font-weight: lighter; line-height: 50px;}
.like-info{color: #999; font-size: 14px;  margin: 0px auto; text-align: left;}
.comment-info{margin-top: 10px; font-size: 16px; text-align: left; padding-left: 30px; padding-bottom: 5px; color: #666; background: url(../../images/comment-intro-img.png) 0px 3px no-repeat;}

.chapt-panel .nav-pills > li.active > a,.detail-info  .nav-pills > li.active > a:hover, .detail-info  .nav-pills > li.active > a:focus{background:#0079be;; border-radius: 2px; color: #fff;}
.chapt-panel .nav > li > a{font-size: 19px; border-radius: 2px; font-weight: lighter; padding: 8px 15px; color: #666;}
.chapt-panel .nav > li > a:hover, .detail-info .nav > li > a:focus{background: #0079be; top left repeat; color: #fff;}
/*.chapt-panel .nav > li > a:hover, .detail-info .nav > li > a:focus{background:url(../../images/chapt-tab-bg.png) top left repeat; color: #fff;}*/
.chapt-tab{background: #fafafa;}
.chapt-header {margin-bottom: 10px;}

.chapt-header{background: #fff;}
.wrap-chapt-chosen-info{padding-top: 6px;}
.wrap-chapt-chosen-info .chapt-chosen-info{margin: 0px 0px 3px 0px; color: #666;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border: none;}
.chapt-table{margin-top: 10px;}
.chapt-table thead th{background:url(../../images/chapt-tab-bg.png); color: #fff; font-size: 17px; font-weight: normal; line-height: 36px !important; }
.chapt-table td{font-size: 17px; font-weight: lighter;}
.chapt-table td a{color: #666; font-weight: normal;}
.chapt-table{height: 550px; width: 100%;}
.chapt-table tbody{height: 550px; overflow-y: auto;}
.chapt-table tr:after {content: ' '; display: block; visibility: hidden; clear: both;}
.chapt-table thead{width: 100%;}
.chapt-table thead, .chapt-table tbody, .chapt-table tr, .chapt-table td, .chapt-table th { display: block; }
.chapt-table tbody td, .chapt-table thead th {width: 33.3%; float: left;}

.related-manga{background: #fafafa;}
.related-manga .each-small-item{}
.related-manga .small-image-item{overflow: hidden; width: auto; max-width:105px; height: 150px; min-height: 150px;}
.related-manga .small-image-item img{ width: 100px; height: auto; border-radius: 2px; padding: 2px; background: #fff; border: 1px solid #999;}
.related-manga .small-title-item{font-size: 17px; color: #333; font-weight: normal; margin-bottom: 5px;}
.related-manga .small-item-theloai a{font-style: italic; font-size: 13px; color: #666;}
.related-manga .desc{padding: 7px 0px 0px 0px; font-size: 16px; color: #666;}

.detail-info .pagination{margin: 10px 0px 10px 0px; background: #fff;}
#theload-wrapper h1{margin-bottom: 0px; color: #0079be;}
/************************************************ Manga chapt detail****************************************/
#manga-chapt-wrapper{/* background: url(../../images/chapt-tab-bg.png); */ margin-top: 20px; min-width: 350px;}
.wrap-manga-chapt-tab-header{width: 100%; max-width: 1200px;  margin: 0px auto; padding-left: 40px;}
#manga-chapt-detail-content{background:url(../../images/chapt-tab-bg.png);}
#manga-chapt-detail-content .tab-pane{width: 100%; max-width: 1200px;margin: 0px auto;}
#manga-chapt-detail-tab-read{text-align: center;}
.chapt-image{margin: 0px auto;}
#manga-chapt-detail-tab .nav-pills > li.active > a, #manga-chapt-detail-tab .nav-pills > li.active > a:hover, #manga-chapt-detail-tab .nav-pills > li.active > a:focus{
	background:url(../../images/chapt-tab-bg.png); color: #fff;
}
#manga-chapt-detail-tab .nav-pills > li{margin-left: 1px;}
#manga-chapt-detail-tab .nav-pills > li > a{border-radius: 0px; padding: 10px 40px; font-size: 23px; font-weight: lighter; background: url(../../images/section-title-pattern-bg.jpg); color: #666;}
#manga-chapt-detail-tab .nav > li > a:hover, #manga-chapt-detail-tab .nav > li > a:focus{background: url(../../images/chapt-tab-bg.png); color: #fff;}
#manga-chapt-detail-tab-read h1{color: #fafafa; font-weight: lighter; font-size: 25px; margin-bottom: 20px;}

.wrap-manga-chapt-comment{background:url(../../images/chapt-tab-bg.png); width: 100%; padding-bottom: 10px;}
.follow-btn{width: 100%; max-width: 200px; margin-top: 10px;border-radius: 2px; height: auto; background: #0079be; border: 1px solid #eee; color: #fff; padding-bottom: 5px; outline: none; font-size: 17px; font-weight: bold; border: none; }
.follow-btn:active, .follow-btn:focus{outline: none; color: #fafafa;}
.follow-btn:hover{box-shadow: inset 0 -3px 0 rgba(0,0,0,0.32); color: #fdfdfd;}
.follow-btn .follow-info{font-size: 13px; font-weight: normal; color: #eee; margin-bottom: 3px;}
.unfollow-btn{background: #d9534f;}
.slider-pro, .slider-pro .sp-slides-container, .slider-pro .sp-slides-container .sp-mask{-webkit-box-sizing:content-box; box-sizing:content-box;}
#rate_message p{color: #fff; padding: 3px; font-size: 14px; font-weight: lighter; margin-bottom: 3px;}
.rate_success{background: #90B70C; }
.rate_error{background: #cc0000;}
.comment-info{cursor: pointer;}


/******************************************* Video section ****************************************/
.full{padding: 0px;}
#video-section-content {min-width: 200px; width: 100%;}
#section-video .section-content{min-width: 200px; width: 100%;}
#section-video .featured-item-img{height: 110px;}
#section-video .col-md-15, #section-video .col-sm-15, #section-video .col-xs-15, #section-video .col-lg-15{padding: 0px 5px;}
#section-video .featured-item{min-height: 173px; max-width: 210px; margin: 0px auto; margin-bottom:10px;}

.col-xxxs-1, .col-xxxs-2, .col-xxxs-3, .col-xxxs-4,
.col-xxxs-5, .col-xxxs-6, .col-xxxs-7, .col-xxxs-8,
.col-xxxs-9, .col-xxxs-10, .col-xxxs-11, .col-xxxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 490px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

@media (max-width: 328px) {
    .col-xxxs-1,
    .col-xxxs-2,
    .col-xxxs-3,
    .col-xxxs-4,
    .col-xxxs-5,
    .col-xxxs-6,
    .col-xxxs-7,
    .col-xxxs-8,
    .col-xxxs-9,
    .col-xxxs-10,
    .col-xxxs-11 {
        float: left;
    }

    .col-xxxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxxs-3 {
        width: 25%;
    }

    .col-xxxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxxs-6 {
        width: 50%;
    }

    .col-xxxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxxs-9 {
        width: 75%;
    }

    .col-xxxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxxs-12 {
        width: 100%;
    }

    .col-xxxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxxs-push-6 {
        left: 50%;
    }

    .col-xxxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxxs-push-9 {
        left: 75%;
    }

    .col-xxxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxxs-pull-3 {
        right: 25%;
    }

    .col-xxxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxxs-pull-6 {
        right: 50%;
    }

    .col-xxxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxxs-pull-9 {
        right: 75%;
    }

    .col-xxxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* Van CSS */
 .video-panel-title-a{margin: 0px; line-height: 44px; display: block; float: left; color: #000; padding: 0px 80px 0px 20px; font-size: 25px; font-weight: lighter;}
/* VIDEO ITEM HOME */
.video-panel{background: #fff;}
.video-featured-item{padding: 5px; background: #fff; min-width: 150px; overflow:hidden; height:185px}
.video-featured-item h4{background-color: #fff;display: block;overflow: hidden;position: relative;text-overflow: ellipsis; margin-bottom:0px; max-height:2em;}
.paragraph-end{position: absolute; right: 0px; background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1)); width: 40px; height: 40px;}
.video-featured-item h4 a{color:#333; font-size: 13px; font-weight:bold; padding-bottom: 2px;font-family: arial,sans-serif;}
.video-featured-item-new-chapt{font-weight: normal; color: #777; overflow: hidden; white-space: nowrap; position: relative; display:block;}
.video-featured-item-new-chapt a{font-size: 12px;color: #777;}
.video-featured-item-new-chapt a:hover{color: #36C;}
.video-featured-item .wrap-featured-item-img{overflow:hidden; display:block; text-align:center; border-radius: 2px; position: relative}
.video-featured-item .wrap-featured-item-img .views{ bottom:0px; right:0px; position:absolute}
.video-featured-item .featured-item-img{height: 110px;}
/* VIDEO ITEM LEFT */
#related-video{background: #fafafa;padding:0px; }
#right-content-related-video{ background-color:#fff; padding-top:5px}
.video-small-item{ margin-bottom:10px}
.video-small-item .small-image-item{display: block; float: left; max-width: 120px; margin-right:10px; position:relative}
.video-small-item .small-image-item .views{ bottom:0px; right:0px; position:absolute}

.video-small-item .small-title{color:#333; font-size: 13px; font-weight:bold; padding-bottom: 2px;font-family: arial,sans-serif;text-overflow: ellipsis; max-height:2em}
.video-small-item .featured-item-new-chapt{font-weight: normal; color: #777; overflow: hidden; white-space: nowrap; position: relative; display:block;}
.video-small-item .featured-item-new-chapt a{font-size: 12;color: #777;}
.video-small-item .featured-item-new-chapt a:hover{color: #36F;}
/* Detail video */
.video_breadcrumb{padding:0px; margin:10px 0px; background-color:inherit; color:#666;color:#000 ; font-weight:lighter; margin-left:10px }
.video_breadcrumb a{ color:#000}
#video-detail-info .video_gioithieu{color:#333; font-size: 15px;  padding-bottom: 2px;font-family: arial,sans-serif; line-height:25px; margin-bottom:10px; font-weight:lighter; 	}
#video-detail-info .video_infor{font-weight: normal; color: #777; font-size:13px;font-family: arial,sans-serif; margin-bottom:15px;  padding:5px}	
#video-detail-info .video_infor a{ font-weight:bold; color:#000}
.video_more_item{ text-align:center}
.video_more_item a{text-transform: uppercase;color: #777;box-shadow: none;}
/************************************* BLOG *********************************/
#blog-section-content{min-width: 200px;}
#blog-section-left{padding-left: 15px;}
.blog-list-item{padding: 10px; position: relative; }
.blog-list-item:hover{box-shadow: 0px 0px 7px #eee;}
.wrap-blog-item-img{margin-right: 6px; overflow:hidden; float: left;}
.wrap-blog-item-img img{max-width: 70px;}
.small-avatar{max-width: 40px;}
.small-avatar-wrapper{}
.blog-list-item h4{margin: 0px 0px 3px 0px;}
.blog-list-item h4 a{color: #000;font-size: 21px;line-height: 22px; font-weight: lighter; font-family:Segoe Ui;}
.category-detail-avatar{max-width: 66px; padding: 2px; border: 1px solid #eee;}
.blog-featured-item-user, .blog-featured-item-user a, .blog-featured-item-time{color: #666;font-size: 12px;font-family:Arial, Helvetica, sans-serif}
.blog-featured-item-user a{ color:#69C}
.blog-featured-item-user{margin-right: 10px;}
#video-chapt-header{margin-bottom: 0px;}
#right-content-popular-mem{padding: 5px; background: #fff;}
#right-content-popular-mem .video-small-item{ padding: 5px;}
#right-content-popular-mem .video-small-item .col-md-6{padding: 0px 5px; font-size: 14px;}
#blog-popular-item {background: #fff; margin-bottom: 15px; }
#blog-popular-item .right-title{background: #fafafa;}

.blog-category-item{padding: 10px;}
.blog-category-title{font-size: 19px; line-height: 19px;}
.sub-blog-category{font-weight: bold; margin: 2px 0px; padding-bottom: 5px;}
.wrap-sub-blog-category{margin-top: 5px;}
.newest-blog{font-size: 14px; padding-top: 5px; color: #000;}
.blog-category-des{font-style: italic;}
.col-xxs-12 .blog-category-des{padding-bottom: 10px;}
#right-blog-comment .right-title{background: #fafafa;}
#right-blog-comment .right-title-span{background: #fafafa; color: #666; font-size: 25px; }
.newest-blog-p{margin: 0px; margin-bottom: 5px; padding-left: 15px; background: url(../../blog-li.gif) 0px 6px no-repeat;}
.newest-blog-p .blog-featured-item-user, .newest-blog-p .blog-featured-item-user a{color: #666; font-size: 12px;}
.blog-list-img{float: left; margin: 0px 7px 7px 0px;}
.blog-list-img img{max-width: 40px;}
.blog-detail-user-title{padding: 6px; height: auto; line-height: normal; margin-bottom: 0px;}
.blog-detail-user-title .blog-title-avatar{float: left; margin: 0px 5px 0px 0px;}
.blog-title-avatar img{width: 100%; max-width: 75px;  padding: 2px; border-radius: 2px; border: 1px solid #eee; background: #fff;}
.blog-title-user-info p{margin-bottom: 3px; font-size: 13px; color: #666; }
.blog-title-user-info .status{ color:#000}
p.blog-title-username{line-height:14px; margin-bottom: 5px;}
.blog-title-username a{font-size: 13px;font-weight: bold;color: #337ab7;font-family: arial;}
.blog-detail-title h1, .blog-detail-sub-title h2{font-size: 25px; font-weight: lighter; margin: 0px; padding: 3px 0px;}
.blog-detail-title h1 a{ color:#fff}
.blog-detail-sub-title{padding: 5px 6px; background: url(../../images/section-title-pattern-bg.jpg);border-top: 1px solid #eee; border-bottom: 1px solid #eee; min-height: 42px;}
.blog-detail-sub-title h2 a{font-size: 13px; font-weight:bold; color:#337ab7; font-family:Arial, Helvetica, sans-serif }
#blog-detail-main-title{overflow:hidden; padding: 3px 7px; margin-bottom: 0px;border-bottom: 1px solid #eee; background: #0079be; color: #fff; }
.date-created{line-height: 40px; margin: 0px; font-size: 14px; font-weight: lighter;}
.blog-detail-sub-title .date-created{line-height: 30px;}
.blog-each-section{padding: 10px; padding-bottom: 0px;  background-color:#fff; }
.blog_footer_chuky{ background-color:#f5f5f5; padding:10px; border-top:2px solid #d35400; margin-left:-10px; margin-right:-10px}

.wrap-text-editor{padding: 10px;}
.wrap-text-editor .blog-title-input{max-width: 400px; margin-bottom: 7px;}
.blog-content-textarea{margin-bottom: 7px;}
.manage-blog{padding: 3px; margin-top:5px}
.manage-blog .blog_update_infor{border-left:3px solid #F90; padding-left:4px;background-color:#fff; padding:4px}
.alert-nobackground{background: none;}
.alert{margin-bottom: 0px;}
.manage-blog .btn-group li a{cursor: pointer;}
.panel-page{float: right; padding: 5px 15px; color: #fff; margin-right: 10px; font-weight: bold; font-size: 14px; line-height: 18px; margin-top: 8px; background: #0079be; border-radius: 2px;}
#chapt-detail-user-info{font-style: normal; background: #fafafa; color: #000; padding: 10px; border-radius: 0px;}
#chapt-detail-user-info .user-metadata{float: left; margin-right: 20px;}
#chapt-detail-user-info .blog-title-user-info p{color: #000; font-style: normal;}
#chapt-detail-user-info .panel-title{background: none;}

.carousel-control.right, .carousel-control.left{background-image: none;}
.carousel-control{width: 5%;}

.author-carous{padding: 10px 30px;}
.carousel-inner .right-block-title{margin-bottom: 10px;}
.author-carous-avatar{float: left; margin: 0px 7px 5px 0px; width: 60px; border-radius: 5px;}
.author-carous-name{font-size: 17px; font-weight: bold;}
.author-carous-links a{margin-right: 8px;}